p{margin:0;padding:0}
body,.page{background: #f5f5f5;font-size: .75rem}
header{background: #fff}
section{border-bottom: 1px solid #ececec}
/*菜单*/
.page-menus{background-color: #fff;min-height: 15rem}
.page-menus .col-33{display: flex;justify-content: center;align-items: center;display: -webkit-flex;margin-bottom: 1.5rem;padding: .2rem 0}
.page-menus .col-33:active{background-color: #f7f7f7}
.page-menus .col-33 a{display: block;}
.page-menus .col-33 .icon-box{width:3.5rem;height: 3.5rem;border-radius:50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center}
.page-menus .col-33:nth-child(1) .icon-box{background: #1fadec;}
.page-menus .col-33:nth-child(2) .icon-box{background: #F03861;}
.page-menus .col-33:nth-child(3) .icon-box{background: #f6ad49;}
.page-menus .col-33:nth-child(4) .icon-box{background: #1DCD9F;}
.page-menus .icon-box .iconfont{font-size:2rem;color:#fff}
.page-menus .col-33 p{text-align: center;padding-top: .5rem;font-size:.75rem}
.img-box img{width: 100%}
.banner{background: url("../images/0a9ad1cdc504f42b1f76b762b68bf2ae.jpg") no-repeat top center;height: 8rem;background-size: cover}
/*列表*/
.m-lists{background: #f5f5f5;border-bottom: none}
.tits{width: 100%;text-align: center;margin:0;padding: .5rem;background: #13a3f5;color:#fff;border-bottom: 4px solid #0077bb;font-size: .9rem;font-weight: normal}
a.list-item{color:#3e3e3e;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;padding:.6rem;background: #fff;border-bottom: 1px solid #ececec;margin-bottom: .3rem}
a.list-item:active{background-color: #f7f7f7}
a.list-item p{text-align: left;font-size:.7rem;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;box-orient: vertical;-webkit-box-orient: vertical;}
a.list-item span{width:4.2rem;font-size:.68rem;color: #a9a9a9;text-align: right;flex-shrink: 0}
.to-more,.copyright{text-align: center;color: #d4d4d4;margin:.9rem 0}
.to-more{margin:.5rem 0 1rem}

/*详情页*/
.tits .iconfont{padding-right: .24rem;font-size:1rem;}
.detail-info .news-title { font-size: .7rem; color: #000000; text-align: center;margin:0;padding: 0 .53rem}
.news-info { border-bottom: 1px dashed #c6c6c6; padding: .2rem 0; text-align: center;font-size: .65rem;color: #a7a7a7;}
.detail-info .text-info{padding: .83rem .53rem;font-size:.65rem;}
.back-menu .icon{padding: .5rem .8rem;font-size: 1.1rem;line-height: 2.3rem;}
/*个人信息页*/
.users-info{margin: 0;padding-bottom: 10%}
.users-info ul:after{height: 0}
.users-info li:last-child .item-inner:after{display: block}
.users-info .item-inner:after{    height: 1px;}
.users-info .item-media{width: 1rem;color:#009dff}
.users-info .item-media .iconfont{font-size:.85rem;}
.users-info .iconfont.icon-loudong{font-size:.7rem;}
.users-info .item-title.label{text-align: left;font-size:.75rem;width: 27%}
.users-info .item-input input,.users-info .item-input textarea,#district,#floor-id,#room-id{font-size:.75rem;}
.btn-userinfo{width: 56%;margin:2rem auto 1rem;}
.btn-userinfo:active{background: #f3faff;}

/*维修信息填写页*/
.add-pics{display: flex;display: -webkit-flex;align-items: center;padding: .75rem;border-bottom: 1px dashed #eaeaea;margin-top: 1rem}
.upload-icon{width: 4rem;color:#009dff;text-align: center;}
.upload-icon span,.upload-icon i{font-size: .75rem;display: block;margin-top: -0.52rem;}
.upload-icon .iconfont{font-size: 1.6rem;color:#009dff;margin-top: .01rem}
.upload-thumbnail-box{width:calc(100% - 4.6rem);width:-webkit-calc(100% - 4.6rem);height: 2.45rem;position: relative;background-color:#f7f7f7;}
.upload-thumbnail-box .tips{position: absolute;content: "图片上传预览区域";top:50%;transform: translateY(-50%);width: 100%;text-align: center;color:#b9b9b9}
.upload-thumbnail-box .upload-thumbnail{height: 100%;background:none;margin-left: -2%;font-size: 0}
.upload-thumbnail-box .upload-thumbnail:before{display: none}
.ImgPview{display: inline-block;background-size: cover;background-repeat: no-repeat;width: 18%;height: 100%;margin-left: 2%;overflow: hidden;font-size:.75rem;}
.btn-repinfo{margin: 1rem auto}

/*投诉建议页*/
.suggest-box{padding: 0 .75rem;font-size: .7rem;}
.suggest-box label{display:inline-block;width: 3.5rem;}
.phone-num,.suggest-info{width: calc(100% - 3.8rem);vertical-align: middle;padding: .4rem .3rem;border-radius: .16rem;border:1px solid #a9a9a9;}
.suggest-info{height: 4.5rem;resize: none;padding: .2rem .3rem;margin-bottom: 1.2rem;}
